<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/Untitled-2.css">
</head>
<body>
    <form class="main" action="#">
        <div class="header">
            <div class="header_background">
                <div class="header_top">
                    <a class="header_top_link" href="#">
                        <img class="header_top_link_one" src="jpg/-1.jpg" alt="">
                    </a>
                    <a class="header_top_link" href="#">
                        <p class="header_top_link_title">北京</p>
                    </a>
                    <a class="header_top_link" href="#">
                        <p class="header_top_link_content">切换</p>
                    </a>
                    <a class="header_top_link" href="#">
                        <img class="header_top_link_two" src="jpg/-2.jpg" alt="">
                    </a>
                    <a class="header_top_link" href="#">
                        <p class="header_top_link_app">下载手机APP</p>
                    </a>
                    <a class="header_top_link" href="#">
                        <img class="header_top_link_theer" src="jpg/-3.jpg" alt="">
                        <p class="header_top_link_containe">浮生若梦_JKAy v</p>
                    </a>
                    <a class="header_top_link" href="#">
                        <p class="header_top_link_hot">路线订制</p>
                    </a>
                </div>
            </div>
            <div class="header_border">
                <div class="header_conter">
                    <img class="header_center_logo" src="jpg/-4.jpg" alt="">
                    <ul class="header_center_content">
                        <li class="header_center_content_title">
                            <a class="header_center_content_title_link" href="#">
                                <P class="header_center_content_title_link_one">首页</P>
                            </a>
                        </li>
                        <li class="header_center_content_title">
                            <a class="header_center_content_title_link" href="#">
                                <P class="header_center_content_title_link_two">目的地</P>
                            </a>
                        </li>
                        <li class="header_center_content_title">
                            <a class="header_center_content_title_link" href="#">
                                <P class="header_center_content_title_link_two">路线</P>
                            </a>
                        </li>
                        <li class="header_center_content_title">
                            <a class="header_center_content_title_link" href="#">
                                <P class="header_center_content_title_link_one">订制</P>
                            </a>
                        </li>
                        <li class="header_center_content_title">
                            <a class="header_center_content_title_link" href="#">
                                <P class="header_center_content_title_link_two">自驾团</P>
                            </a>
                        </li>
                        <li class="header_center_content_title">
                            <a class="header_center_content_title_link" href="#">
                                <P class="header_center_content_title_link_two">摄影</P>
                            </a>
                        </li>
                        <li class="header_center_content_title">
                            <a class="header_center_content_title_link" href="#">
                                <P class="header_center_content_title_link_two">互动</P>
                            </a>
                        </li>
                        <li class="header_center_content_title">
                            <a class="header_center_content_title_link" href="#">
                                <P class="header_center_content_title_link_two">精选</P>
                            </a>
                        </li>
                        <li class="header_center_content_title">
                            <a class="header_center_content_title_link" href="#">
                                <P>预订</P>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="header_solid">
                <div class="header_bottom">
                    <a class="header_bottom_link" href="#">
                        <img class="header_bottom_one" src="jpg/-5.jpg" alt="">
                    </a>
                    <div class="header_bottom_title">
                        <a class="header_bottom_link" href="#">
                            <p class="header_bottom_link_title">浮生若梦_JKA y</p>
                        </a>
                        <div class="header_bottom_title_xiuga">
                            <a class="header_bottom_link" href="#">
                                <img class="header_bottom_two" src="jpg/-6.jpg" alt="">
                                <p class="header_bottom_link_content">修改资料</p>
                            </a>
                        </div>
                        <div class="header_bottom_title_guan">
                            <a class="header_bottom_link" href="#">
                                <p class="header_bottom_link_one">0</p>
                                <p class="header_bottom_link_two">关注</p>
                            </a>
                        </div>
                        <div class="header_bottom_title_fen">
                            <a class="header_bottom_link" href="#">
                                <p class="header_bottom_link_one">0</p>
                                <p class="header_bottom_link_two">粉丝</p>
                            </a>
                        </div>
                    </div>
                    <div class="header_bottom_saoma">
                        <img class="header_bottom_theer" src="jpg/-7.jpg" alt="">
                        <p class="header_bottom_saoma_guanzhu">扫一扫，关注我</p>
                    </div>
                    <div class="header_bottom_zhaopian">
                        <a class="header_bottom_link" href="#">
                            <img class="header_bottom_fifter" src="jpg/-8.jpg" alt="">
                            <p class="header_bottom_zhaopian_fabu">发布照片</p>
                        </a>
                    </div>
                    <div class="header_bottom_guanli">
                        <a class="header_bottom_link" href="#">
                            <img class="header_bottom_six" src="jpg/-9.jpg" alt="">
                            <p class="header_bottom_zhaopian_hudong">管理互动</p>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="center">
            <div class="center_content">
                <h3 class="center_content_title">我的订单</h3>
                <ul class="center_content_nav">
                    <li>
                        <a class="center_content_link" href="#">
                            <p class="center_content_nav_title">全部订单</p>
                        </a>
                    </li>
                    <li>
                        <a class="center_content_link" href="#">
                            <p class="center_content_nav_column">待出行</p>
                        </a>
                    </li>
                    <li>
                        <a class="center_content_link" href="#">
                            <p class="center_content_nav_column">待支付</p>
                        </a>
                    </li>
                    <li>
                        <a class="center_content_link" href="#">
                            <p class="center_content_nav_column">待评价</p>
                        </a>
                    </li>
                    <li>
                        <a class="center_content_link" href="#">
                            <p class="center_content_nav_column">已取消</p>
                        </a>
                    </li>
                </ul>
                <div class="center_content_dingdan">
                    <select class="center_content_dingdan_tiaojian">
                        <option value="antianjianxuanze">按条件</option>
                    </select>
                    <input class="center_content_dingdan_text" type="text">
                    <select class="center_content_dingdan_zhuangtai">
                        <option value="zhuantai">状态</option>
                    </select>
                    <img class="center_content_dingdan_one" src="jpg/-10.jpg" alt="">
                    <label class="center_content_dingdan_zhi" for="zhi">至</label>
                    <input class="center_content_dingdan_zhis" type="text" id="zhi">
                    <img class="center_content_dingdan_one" src="jpg/-10.jpg" alt="">
                    <input class="center_content_dingdan_danhao" type="text" placeholder="单号">
                    <input class="center_content_dingdan_sousuo" type="submit" value="搜索">
                    <div class="kong"></div>
                    <ul class="center_content_dingdan_nav">
                        <li class="center_content_dingdan_nav_dingdan">
                            <a class="center_content_dingdan_link" href="#">订单信息</a>
                        </li>
                        <li class="center_content_dingdan_nav_leixing">
                            <a class="center_content_dingdan_link" href="#">产品类型</a>
                        </li>
                        <li class="center_content_dingdan_nav_chuyou">
                            <a class="center_content_dingdan_link" href="#">出游日期</a>
                        </li>
                        <li class="center_content_dingdan_nav_jine">
                            <a class="center_content_dingdan_link" href="#">订单金额</a>
                        </li>
                        <li class="center_content_dingdan_nav_zhuangtai">
                            <a class="center_content_dingdan_link" href="#">订单状态</a>
                        </li>
                        <li class="center_content_dingdan_nav_caozuo">
                            <a class="center_content_dingdan_link" href="#">操作</a>
                        </li>
                    </ul>
                    <div class="kong"></div>
                    <ul class="center_content_dingdan_content">
                        <li>
                            <a class="center_content_dingdan_link" href="#">
                                <p class="center_content_dingdan_content_header">订单表号：7195351 预约时间：2015-12-29 12:04:00</p>
                                <img class="center_content_dingdan_content_image" src="jpg/-11.jpg" alt="">
                                <p class="center_content_dingdan_content_title">[春节]<魅力湘西过大年>湘西年夜饭，北京直飞</p>
                                <p class="center_content_dingdan_content_zijiayou">
                                    自驾游
                                    <span class="center_content_dingdan_content_zijiayou_one">2016-02-07</span>
                                    <span class="center_content_dingdan_content_zijiayou_two">￥4580</span>
                                    <span class="center_content_dingdan_content_zijiayou_theer">待出行</span>
                                </p>
                            </a>
                            <select class="center_content_dingdan_content_select">
                                <option value="quxiao">取消</option>
                                <option value="zhifu">支付</option>
                                <option value="dianping">点评</option>
                                <option value="查看">查看</option>
                            </select>
                        </li>
                        <li>
                            <a class="center_content_dingdan_link" href="#">
                                <p class="center_content_dingdan_content_header">订单表号：71953511 预约时间：2015-12-29 12:04:00</p>
                                <img class="center_content_dingdan_content_image" src="jpg/-12.jpg" alt="">
                                <p class="center_content_dingdan_content_title">[五月]<阿尔山童话世界冰雪温泉之旅>北京直飞....</p>
                                <p class="center_content_dingdan_content_zijiayou">
                                    自驾游
                                    <span class="center_content_dingdan_content_zijiayou_one">2016-05-07</span>
                                    <span class="center_content_dingdan_content_zijiayou_two">￥4580</span>
                                    <span class="center_content_dingdan_content_zijiayou_theer">待支付</span>
                                </p>
                            </a>
                            <select class="center_content_dingdan_content_select">
                                <option value="zhifu">支付</option>
                                <option value="quxiao">取消</option>
                                <option value="dianping">点评</option>
                                <option value="查看">查看</option>
                            </select>
                        </li>
                        <li>
                            <a class="center_content_dingdan_link" href="#">
                                <p class="center_content_dingdan_content_header">订单表号：71953511 预约时间：2015-12-29 12:04:00</p>
                                <img class="center_content_dingdan_content_image" src="jpg/-13.jpg" alt="">
                                <p class="center_content_dingdan_content_title">[四月]<海南海岛环驾8日自驾游之旅>海口直飞....</p>
                                <p class="center_content_dingdan_content_zijiayou">
                                    自驾游
                                    <span class="center_content_dingdan_content_zijiayou_one">2016-04-07</span>
                                    <span class="center_content_dingdan_content_zijiayou_two">￥4580</span>
                                    <span class="center_content_dingdan_content_zijiayou_theer">待评价</span>
                                </p>
                            </a>
                            <select class="center_content_dingdan_content_select">
                                <option value="dianping">点评</option>
                                <option value="quxiao">取消</option>
                                <option value="zhifu">支付</option>
                                <option value="查看">查看</option>
                            </select>
                        </li>
                        <li>
                            <a class="center_content_dingdan_link" href="#">
                                <p class="center_content_dingdan_content_header">订单表号：71953511 预约时间：2015-12-29 12:04:00</p>
                                <img class="center_content_dingdan_content_image" src="jpg/-14.jpg" alt="">
                                <p class="center_content_dingdan_content_title">[五月]<食在广东粤菜美食6日自驾>北京直飞....</p>
                                <p class="center_content_dingdan_content_zijiayou">
                                    自驾游
                                    <span class="center_content_dingdan_content_zijiayou_one">2016-05-07</span>
                                    <span class="center_content_dingdan_content_zijiayou_two">￥4580</span>
                                    <span class="center_content_dingdan_content_zijiayou_theer">已取消</span>
                                </p>
                            </a>
                            <select class="center_content_dingdan_content_select">
                                <option value="查看">查看</option>
                                <option value="quxiao">取消</option>
                                <option value="zhifu">支付</option>
                                <option value="dianping">点评</option>
                            </select>
                        </li>
                    </ul>
                    <a class="center_content_dingdan_link" href="#">
                        <p class="center_content_dingdan_link_gengduo">加载更多</p>
                    </a>
                </div>
                <h3 class="center_content_shoucang">我的收藏</h3>
                <ul class="center_content_service">
                    <li class="center_content_service_kandain center_content_service_pulic">
                        <a class="center_content_service_link" href="#">
                            <p>看点</p>
                        </a>
                    </li>
                    <li class="center_content_service_pulic">
                        <a class="center_content_service_link" href="#">
                            <p>停车发呆地</p>
                        </a>
                    </li>
                    <li class="center_content_service_pulic">
                        <a class="center_content_service_link" href="#">
                            <p>高德地图点</p>
                        </a>
                    </li>
                    <li class="center_content_service_pulic">
                        <a class="center_content_service_link" href="#">
                            <p>私享点</p>
                        </a>
                    </li>
                    <li class="center_content_service_pulic">
                        <a class="center_content_service_link" href="#">
                            <p>路线</p>
                        </a>
                    </li>
                    <li class="center_content_service_pulic">
                        <a class="center_content_service_link" href="#">
                            <p>自驾团</p>
                        </a>
                    </li>
                </ul>
                <a class="center_content_link" href="#">
                    <p class="center_content_link_zanwushoucang">暂无收藏看点</p>
                </a>
                <h3 class="center_content_wode">我的路线</h3>
                <a class="center_content_link" href="#">
                    <p class="center_content_link_zanwuluxianshuju">暂无线路数据</p>
                </a>
                <h3 class="center_content_wode">我的车队</h3>
                <input class="center_content_xinjian center_content_chedui" type="submit" value="+新建车队">
                <div class="center_content_xhaopian">
                    <h3 class="center_content_xhaopian_xhaopian">我的照片</h3>
                    <a class="center_content_link" href="#">
                        <p class="center_content_zhaopian_zhaopian">照片</p>
                    </a>
                </div>
                <input class="center_content_xinjian center_content_zhaopian" type="submit" value="+上传照片">
                <input class="center_content_xiangce" checked type="submit" value="创建相册">
                <div class="center_content_image">
                    <a class="center_content_link" href="#">
                        <img class="center_content_image_img" src="jpg/-15.jpg" alt="">
                        <p class="center_content_image_fenxiang">分享专属</p>
                    </a>
                </div>
            </div>
        </div>
        <div class="footer">
            <ul class="footer_menu">
                <li class="footer_menu_one footer_menu_content">
                    <a class="footer_menu_link" href="#">人民交通出版社</a>
                </li>
                <li class="footer_menu_two footer_menu_content">
                    <a class="footer_menu_link" href="#">爱自驾</a>
                </li>
                <li class="footer_menu_theer footer_menu_content">
                    <a class="footer_menu_link" href="#">联系我们</a>
                </li>
                <li class="footer_menu_four footer_menu_content">
                    <a class="footer_menu_link" href="#">友情链接</a>
                </li>
                <li class="footer_menu_fifter footer_menu_content">
                    <a class="footer_menu_link" href="#">爱自驾品牌店</a>
                </li>
            </ul>
        </div>
        <div class="footers">
            <p class="footers_content">
                人民交通出版社股份有限公司
                <span class="footers_content_nov">京ICP备15018898号-1</span>
            </p>
        </div>
    </form>
</body>
</html>